<template>
  <div>
    <ul>
      <li v-for="(i,index) in MvList" :key="index">
        <div class="title">{{ i.name }}</div>
        <!-- mv内容 -->
<!--        {{i}}-->
<!--        {{i.id}}-->
        <MVListData :id="i.id" :artistName="i.artistName"/>
        <!--    评论区    -->
<!--        <button @click=toComments(i.id)>评论</button>-->

      </li>
    </ul>
  </div>
</template>

<script>
import MVListData from "@/views/MV/components/MVListData";
// import {mapState} from "vuex";
// import MVComments from "@/views/MV/components/MVComments";

export default {
  name: "MVList",
  props: {
    MvList: [Array,String]
  },
  data() {
    return {
      ImgSrc: ""
    }
  },
  components: {
    MVListData,
  },
  created() {
    console.log(this.MvList)
  }
}
</script>

<style scoped lang="less">
li {
  display: flex;
  flex-direction: column;
  border: 1px solid #f1f1f1;
  width: 100%;

  .title {

    font-size: 18px;
    margin: 20px 20px 0 20px;
  }

}
</style>